<!DOCTYPE html>
<html>
<head>
 	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="../css/weui.css">
    <link rel="stylesheet" type="text/css" href="../css/newding.css">
    <link rel="stylesheet" type="text/css" href="../css/xq_slide.css">
    <title>众享商城</title>
</head>
<body class="bgf6">
	<!-- 头部 -->
    <div class="header-container bgfff">
            <div class="weui-cell ih30 box">
                <div class="weui-cell__hd">
                </div>
                <div class="weui-cell__bd searchimgbox">
                	<img class="searchimg" src="../img/search.png">
                	<input class="" type="text" name="" placeholder="输入商品名称搜索">
                	<!-- <span class="fr tc">退出</span> -->
                </div>
                <!--<div class="weui-cell__ft">
                    <img src="/Public/Wechat/img/fenx.png" class="iconfenx"/>
                </div>-->
            </div>
    </div>
    <!-- 内容 -->
    <div class="xq_container">
    	<div style="width: 100%;height: 10rem;margin: 0 auto;max-width: 100%;">
				<div class="xq_slide_out">
					<ul class="xq_slide_in">	

					</ul>
				</div>
		</div>
		<div id="test"></div>

		<div class="navbox">
			<div class="nav">
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
				<div>
					<div><img src="../img/nav1.png"></div>
					<div>没事</div>
				</div>
			</div>
		</div>

		<div class="pad10 mgtop10 bgfff">
			<div class="ih30"><span class="mgr5">商城必买</span><span class="colred">SELECTD</span></div>
			<div class="flex">
				<div class="mgr5 fs0">
					<img class="w100" src="../img/mid3.png">
				</div>
				<div class="selectdbox">
					<div class="fs0 padb5 box">
						<img class="w100" src="../img/mid1.png">
					</div>
					<div class="fs0">
						<img class="w100" src="../img/mid2.png">
					</div>
				</div>
			</div>
		</div>
		
		<div class="pad10 mgtop10 bgfff">
			<div class="ih30"><span class="mgr5">品牌精选</span><span class="coljx">SHOWTIME</span></div>
			<div class="fs0"><img class="w100" src="../img/mid4.png"></div>
			<div class="shopindextab">
				<!-- <tr> -->
					<div>
						<!-- <img class="w100" src="../img/mid5.png"> -->
					</div>
					<div>
						<!-- <img class="w100" src="../img/mid5.png"> -->
					</div>
					<div>
						<!-- <img class="w100" src="../img/mid5.png"> -->
					</div>
				<!-- </tr> -->
			</div>
		</div>

		<div class="pad10 mgtop10 bgfff">
			<div class="ih30"><span class="mgr5">吃货必囤</span><span class="colch">TASTY</span></div>
			<div class="fs0"><img class="w100" src="../img/mid4.png"></div>
			<table class="shopindextab">
				<tr>
					<td><img class="w100" src="../img/mid5.png"></td>
					<td><img class="w100" src="../img/mid5.png"></td>
				</tr>
			</table>
		</div>

		<div class="pad10 mgtop10 bgfff">
			<div class="ih30"><span class="mgr5">爱美之心</span><span class="colam">BEAUTY</span></div>
			<div class="fs0"><img class="w100" src="../img/mid4.png"></div>
			<table class="shopindextab">
				<tr>
					<td><img class="w100" src="../img/mid5.png"></td>
					<td><img class="w100" src="../img/mid5.png"></td>
					<td><img class="w100" src="../img/mid5.png"></td>
				</tr>
			</table>
		</div>

    </div>


<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/xq_slide.js"></script>
<script type="text/javascript">
	var shops=[{pic:'../img/01.png'},{pic:'../img/01.png'}];

				var str ="";
                for(var index in shops){
                	var shop = shops[index];
                	var url = shop.url ? 'href="'+shop.url+'"' : '';
                    var url = shop.url ? 'href="'+shop.url+'"' : '';
                    str += '<li>'
								+'<a '+url+'><img src="'+shop.pic+'"/></a>'
							+'</li>';
                }
                $(".xq_slide_out").html('<ul class="xq_slide_in"></ul>');
                $('.xq_slide_in').html(str);
                $(".xq_slide_out").xq_slide({
					type: "h", //轮播方式  h水平轮播；v垂直轮播；o透明切换
					vatical: false, //图片描述性文本 true 显示 false不显示
					choseBtn: false, //是否显示上下切换按钮
					speed: 2000, //动画间隔的时间，以毫秒为单位。
					mousestop: true, //当鼠标移上去是否停止循环,针对PC端
					showbar: true, //是否显示轮播导航bar
					openmb: true //是否开启移动端支持
				});
</script>
</body>
</html>